<template>
	<view class="find">
		<view class="title">
			组件之间的通信规则学习
		</view>
		
		<childa :hahamsg="msg" @cevent='getChildInfo'>
			<template v-slot="{ smsg }">
				<view>这是父组件中定义的 文档结构</view>
				<view>{{smsg}}</view>
			</template>
			
		</childa>

		<childa :hahamsg="nmsg" @ccevent='getChildInfo'/>
		
		<button type="default" @tap="changeMsg">改变 msg</button>
	</view>
</template>
<script>
	import childa from '@/components/childa.vue'
	export default {
		data(){
			return {
				msg:'find.vue 页面中定义的数据信息',
				nmsg: '这是一个新定义的数据信息'
			}
		},
		components:{
			childa
		},
		methods:{
			changeMsg(){
				this.msg='父组件改变了 msg 的信息'
			},
			getChildInfo(args){
				console.log('我被触发了')
				console.log(args)
			}
		}
	}	
</script>

<style>
</style>
